预览 (Preview) 中编辑您的应用程序

创建和定位 2D 节点、创建和编辑文本块 (Text Block) 节点、添加触发器、创建和定位摄像机 (Camera) 节点以及缩放和平移预览 (Preview) 界面。

要在预览 (Preview) 中编辑您的应用程序,请使用预览 (Preview) 工具。

预览 (Preview) 工具

您可以使用以下工具编辑工程中的内容:

工具 控件 描述 快捷键
  使用节点工具 (Node tool) 选择任一节点。  
  移动选定的节点。 1
  旋转选定的节点。 2
  缩放选定的节点。 3
  点击方块,将选定的 2D 节点与该侧对齐。例如,这张图片中的设置将垂直对齐 (Vertical Alignment) 属性设为 上对齐 (Top),并将 水平对齐 (Horizontal Alignment) 属性设为左对齐 (Left)  
  沿水平方向拉伸选定的 2D 节点。将水平对齐 (Horizontal Alignment) 属性设为拉伸 (Stretch)  
  沿垂直方向拉伸选定的 2D 节点。将垂直对齐 (Vertical Alignment) 属性设为拉伸 (Stretch)  
  沿水平和垂直方向拉伸选定的 2D 节点。将水平对齐 (Horizontal Alignment)垂直对齐 (Vertical Alignment) 属性设为 拉伸 (Stretch)  
  使用布局变换 (Layout Transformation) 属性字段放置选定节点。对于 2D 节点,输入 XY 属性字段的值。请参阅 优化布局渲染  
  使用渲染变换 (Render Transformation) 属性字段放置选定节点。对于 2D 节点,输入 XY 属性字段的值。请参阅 优化布局渲染  
  使用 布局高度 (Layout Height)布局宽度 (Layout Width) 属性设置选定的 2D 节点的尺寸。
  将选定的 2D 节点的尺寸或位置与周围节点最近的坐标对齐。
  使用布局变换 (Layout Transformation)渲染变换 (Render Transformation) 属性的缩放 (Scale) 设置选定节点的尺寸。  
  使用世界坐标定位选定的 3D 节点。  
  使用本地坐标定位选定的 3D 节点。  
  2D 网格布局工具 (Grid Layout 2D tool)。在预览 (Preview) 中点击并拖动以创建 2D 网格布局 (Grid layout 2D)。您创建的区域大小定义布局(布局宽度 (Layout Width)布局高度 (Layout Height))的大小。请参阅使用网格布局 (Grid Layout) 节点  
  2D 文本块工具 (Text Block 2D tool)。在预览 (Preview) 中点击并拖动以创建 2D 文本块 (Text Block 2D)。您创建的区域大小定义布局(布局宽度 (Layout Width)布局高度 (Layout Height))的大小。请参阅 使用文本块 (Text Block) 节点  
  输入 2D 文本块 (Text Block 2D) 显示的文本。  
  点击方块,将文本与该侧对齐。例如,这张图片中的设置将文本垂直对齐 (Text Vertical Alignment) 属性设为 上对齐 (Top),并将 文本水平对齐 (Text Horizontal Alignment) 属性设为左对齐 (Left)  
  选择您要用于 2D 文本块 (Text Block 2D) 节点的字体大小,以设备无关像素为单位。  
  选择您要用于 2D 文本块 (Text Block 2D) 节点的字体。请注意,下拉菜单中只列出当前工程中的字体。请参阅 导入字体  
  2D 堆栈布局工具 (Stack Layout 2D tool)。在预览 (Preview) 中点击并拖动以创建 2D 堆栈布局 (Stack Layout 2D)。您创建的区域大小定义布局(布局宽度 (Layout Width)布局高度 (Layout Height))的大小。要将 2D 堆栈布局 (Stack Layout 2D) 设为沿 x 或 y 轴排列其项,请创建一个您要 2D 堆栈布局 (Stack Layout 2D) 排列其项所沿的轴更长的区域。请参阅 使用堆栈布局 (Stack Layout) 节点  
  2D 流布局工具 (Flow Layout 2D tool)。在预览 (Preview) 中点击并拖动以创建 2D 流式布局 (Flow Layout 2D)。您创建的区域大小定义布局(布局宽度 (Layout Width)布局高度 (Layout Height))的大小。请参阅 使用流式布局 (Flow Layout) 节点  
  使用摄像机工具 (Camera tool) 围绕使用预览摄像机的场景移动,并在工程中创建和定位摄像机。请参阅 使用摄像机 (Camera) 节点  
 

将摄像机的当前位置存储到预览摄像机 (Camera) 节点。

 
 

将摄像机重置为预览摄像机 (Camera) 节点的当前位置。

 
 

从摄像机的当前位置创建一个新的摄像机 (Camera) 节点。

J
  轨道摄像机可以让您围绕在工程 (Project) 中选定的节点或在摄像机查看 (Look At) 属性中设置的节点移动。  
  自由摄像机可以让您四处移动,无需固定在任何一点。  
 

将摄像机引入在工程 (Project)预览 (Preview) 中选择的 3D 对象。

 
 

选择您要通过哪个摄像机 (Camera) 节点查看当前场景。

 
 

使用 3D 节点时,以度为单位设置摄像机的视野。

 

预览 (Preview) 中平移和缩放

要在 预览 (Preview) 平移和绽放:

动作 快捷键
平移
  • 点击鼠标中键并拖动。
  • 按下 Space 键,然后点击鼠标左键并拖动。
缩放
  • 使用 预览 (Preview) 右上角中的控件:
  • 滚动鼠标滚轮。
  • 按下 ShiftAlt 键,然后点击鼠标左键并拖动。
   

预览 (Preview) 中重置视图

当您要将 预览 (Preview) 缩放级别恢复为 100% 并将应用程序的屏幕定位到 预览 (Preview) 的中心时,请点击 或按 Ctrl 1 以重置 预览 (Preview) 中的视图。


设置 预览 (Preview) 背景颜色

预览 (Preview) 的背景默认为黑色。如果想让内容从 预览 (Preview) 背景中突出出来,选择工程 (Project) > 属性 (Properties),然后在 属性 (Properties) 中将 预览背景颜色 (Preview Background Color) 属性设置成想要的颜色。

预览 (Preview) 中设置抗锯齿

默认情况下,Kanzi Studio 预览 (Preview)Kanzi 应用程序播放器 (Application Player) 在 Windows 系统中应用抗锯齿采样数为 4 个。您可以配置希望两者使用的抗锯齿采样数量。

如果您有包含 C++ 应用程序的 Kanzi 应用程序,要以在目标设备上运行您 Kanzi 应用程序时的相同方式查看 Kanzi Studio 预览 (Preview)Kanzi 应用程序播放器 (Application Player) 中的内容,您可以在 application.cfg 文件中设置抗锯齿功能。请参阅 对整个应用程序应用抗锯齿

要在不包含 C++ 应用程序的 Kanzi 应用程序的 Kanzi Studio 预览 (Preview) 中设置抗锯齿,请执行以下操作:

  1. Kanzi Studio 主菜单中选择 工程 (Project) > 属性 (Properties),然后在 属性 (Properties)预览 (Preview) 区域,将 预览工作目录 (Preview Working Directory) 属性值设置为您存储 application.cfg 以配置 预览 (Preview) 的目录。
    例如,将预览工作目录 (Preview Working Directory) 属性设为Application Player。这样您就可以在 Windows 系统中对 预览 (Preview)Kanzi 应用程序播放器 (Application Player) 应用相同的抗锯齿设置。如果 <ProjectName>/Application Player 目录尚不存在,请选择 文件 (File) > 导出 (Export) > 导出为适用于 Windows 的 KZB 播放器 (Export as KZB Player for Windows)。请参阅从 Kanzi Studio 构建 Kanzi 应用程序并将其部署到 Windows
  2. 在您上一步中设置的目录中,创建或打开 application.cfg 文件,然后添加 SurfaceSamplesAntialiasing 参数,并将其设置为您希望 预览 (Preview) 使用的抗锯齿采样数量。
    例如,要在 预览 (Preview) 禁用抗锯齿功能,请在 application.cfg 添加以下代码:
    SurfaceSamplesAntialiasing = 0
  3. Kanzi Studio 中重启 预览 (Preview)

另请参阅

在预览 (Preview) 中分析您的应用程序

控制预览 (Preview)

使用摄像机 (Camera) 节点

预览

使用标尺和参考线

应用抗锯齿功能